@charset "utf-8";
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width:$width;
    height: $height;
    background: $bg;
}
@mixin wh($width,$height){
    width:$width;
    height: $height;
}
@mixin size($font,$size,$color){
    font-family: $font;
    font-size: $size;
    color: $color;
}
input{
    border-radius: 4px;
    text-indent: 1em;
    border: none;
    border: 1px solid #e7e7e7;
}
select{
    border-radius: 4px;
    text-indent: 1em;
    border: none;
    border: 1px solid #e7e7e7;
}
input[type="button"]{
    text-indent: 0px;
}
.opus-head{
   @include wh(100%,60px);
   border-bottom: 1px solid #dfdfdf;
    span{
        padding-left: 182px;
    a{
        @include size("微软雅黑",13px,#444f58);
        line-height: 59px;
    }
    a:nth-child(3){
        color: #99999a;
    }
   } 
}
.opus-account{
    box-sizing: border-box;
    width: 100%;
    .opus-function{
        @include wh(403px,994px);
        border-right: 1px solid #dfdfdf;
        .opus-user{
            @include wh(191px,159px);
            padding-left: 214px;
            text-align: center;
            border-bottom: 1px solid #dfdfdf;
            position: relative;
            .opus-user1{
                @include wh(158x,101px);
                margin-top:20px;
                padding-bottom: 15px;
                img{
                    @include wh(100px,101px);
              }
              }
              h1{
                  font-size: 16px;
                  font-weight: normal;
              }
            .opus-user2{
                @include wh(16px,16px);
                display: block;
                position: absolute;
                bottom:27px;
                right:40px;
                img{
                    width: 100%;
                }
            }
        }
    }
       .opus-cword{
            @include wh(189px,809px);
            margin-left:214px;
            border-right: 1px solid #dfdfdf;
            .opus-cword-font{
                padding-top: 36px;
                 width: 159px;
                 text-align: left;
                 height: auto !important;
                 overflow: visible !important;
                 dl{
                     position: relative;
                     margin-left: 65px;
                   .opus-red{
                     a{
                     color:#eb413d;
                     }
                 }
                     a:hover{
                         color:#eb413d;
                     }
                 dt{
                         font-size: 16px;
                         line-height:30px;
                         position: relative;
                         cursor: pointer;
                         color: #444f58;
                         a{
                             color: #444f58;
                         }
                     }
                
                 dd{
                     font-size: 13px;
                     line-height: 30px;
                     padding-left:5px;
                     a{
                        color: #878787;
                     }
                 }
                 dd:last-child{
                     padding-bottom: 6px;
                 }
               
                 }
            }
        }
 }
   .opus-design{
       @include wh(809px,996px);
       .opus-h1{
           @include wh(809px,101px);
           h1{
               padding-top: 7px;
               padding-left: 26px;
               font-size: 20px;
               line-height: 64px;
               color: #444f58;
           }
       }
       .opus-minute{
           @include wh(809px,668px);
           .opus-search{
               @include wh(772px,178px);
               background: #f7f7f7;
               border-radius:5px;
               margin-left: 26px;
               box-sizing: border-box;
               .opus-table1 tr{
                   @include wh(772px,48px);
                   font-size: 13px;
                   color:#858a8f ;
                   td:nth-child(1){
                        @include wh(97px,48px);
                        text-align:center;
                        b{
                            font-weight: normal;
                            margin-top: 15px;
                        }
                   }
                   td:nth-child(2){
                       @include wh(209px,48px);
                       input[type="text"]{
                           @include wh(209px,42px);
                           margin-top: 15px;
                       }
                   }
                   td:nth-child(3){
                        @include wh(97px,48px);
                        text-align: center;
                        
                        b{
                            font-weight: normal;
                            margin-left: 10px;
                        }
                   }
                   td:nth-child(4){
                        @include wh(327px,42px);
                        position: relative;
                        .opus-search-img1{
                            @include wh(19px,17px);
                            display: block;
                            position: absolute;
                            left: 38%;
                            top: 15px;
                            img{
                                @include wh(19px,17px);
                            }
                        }
                        .opus-search-img2{
                            @include wh(19px,17px);
                            display: block;
                            position: absolute;
                            right: 4%;
                            top: 15px;
                            img{
                                @include wh(19px,17px);
                            }
                        }
                   }
                   input:nth-child(1){
                       @include wh(208px,40px);
                       border-radius:2px ;
                   }
                   input[type="datetime-local"]{
                           @include wh(150px,41px);
                           background-image: url(../img/opus/opus-search1.png);
                           background-size: 19px;
                           background-repeat: no-repeat;
                           background-position:125px 10px ;
                       }
                   select{
                       @include wh(150px,42px);
                       text-align: right;
                       color: #858a8f;
                       margin-top: 8px;
                   }
                   input[type="button"]{
                       margin-top: 16px;
                       margin-left: -580px;
                       @include wh(105px,37px);
                       background: #e60012;
                       border-radius: 14px;
                       color:white;
                       text-indent: 0px;
                   }
               }
           }
        .opus-table2{
            @include wh(769px,483px);
            background: #f7f7f7;
            margin-left: 26px;
            border-radius: 5px;
            margin-top: 15px;
            tr{
                @include wh(768px,46px);
                text-align: center;
                border: 1px solid #e7e7e7;
                font-size:14px;
                color: #444f58;
                vertical-align: middle;
                background: white;
                img{
                    @include wh(62px,83px);
                }
                img:hover{
                    animation: fangfa 2s ease both;
                }
                input[type="checkbox"]{
                    @include wh(15px,15px);
                }
                input[type="button"]{
                    @include wh(69px,21px);
                    border-radius: 2px;
                    color: #878787;
                    background: #f8f8f8;
                    border: 1px solid #e7e7e7;
                }
                td:nth-child(3){
                    @include wh(170px,148px);
                }
            }
            tr:nth-child(1){
                color: #9f9fa0;
                background: #f7f7f7;
                th{
                    font-weight: normal;
                }
                th:nth-child(2){
                    color: #5c666d;
                }
                th:nth-child(2){
                    color: #5c666d;
                }
            }
            tr:nth-child(n+2) input[type="checkbox"]{
                margin-left: -31px;
            }
             tr:nth-child(2) p:nth-child(2){
                 color: #e60012;
             }
             a{
                 color:#444f58;
                 }
        }  
      
       }
         .opus-paging{
           @include wh(782px,62px);
           margin-left: 26px;
           ul{
               @include wh(808px,62px);
               
           li{
               float: left;
               list-style: none;
               @include wh(33px,38px);
               border: 1px solid #e7e7e7;
               margin-left: 7px;
               font-size: 13px;
               text-align: center;
               line-height: 38px;
               margin-top: 11px;
               a{
                   color: #444f58;
               }
           }
           li:nth-child(1){
               border: none;
               width: 69px;
               margin-left: 261px;
           }
           li:nth-child(3){
               border:1px solid #eb413d;
               color:#eb413d;
           }
           li:nth-child(6){
               border: none;
               width:25px;
           }
           li:nth-child(8){
               border: none;
               width:36px;
           }
           li:nth-child(9),li:nth-child(10){
               width:65px;
           }
           }
       } 
   }

